<!DOCTYPE html>
<html>
	<head>
		<title>testClientCoordinate</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="js/EventUtil.js"></script>
		
	</head>
	<body>
	
		<fieldset>
			<legend>01</legend>
			<div id="myDiv" style="width:1080px;height:960px">
				<input type="button" id="myBtn01" value="myBtn01" />
			</div>
		</fieldset>
		
		<script type="text/javascript">
			var myDiv = document.getElementById('myDiv');
			
			EventUtil.addHandler(myDiv,'click',function(event){
				event = EventUtil.getEvent(event);
				alert('Client coordinates: ' + event.clientX +',' + event.clientY);
				alert('Page coordinates: ' + event.pageX +',' + event.pageY);
				alert('Page coordinates: ' + event.screenX +',' + event.screenY);
			});
			
		</script>
	</body>
</html>